导航菜单
首页 >  Qt 绘图进阶之一  > Qt绘图

Qt绘图

Qt的绘图系统基于 QPainter  QPaintDevice 和 QPaintEngine类

1). QPainter : 用于绘图操作的类

2).QPaintDevice   : 可以使用QPainter进行绘图的抽象的二维界面

3).QPaintEngine  : 为QPainter提供在不同设备上绘图的接口,由QPainter和QPainterDevice内部使用,应用程序无需调用QPaintEngine,除非要创建自己的设备类型

 一般绘图设备包括:QWidget 、QPixmap、QImage等,这些绘图设备为QPainter提供一个“画布”

 

1.  QWidget类及其子类是最常用的绘图设备,从QWidget继承的类都有QPaintEvent事件 ,要在设备上绘图,只需要重定义此事件,并编写响应代码

 ::paintEvent(QPaintEvent *e)

{

QPainter painter(this)//绘制与绘图设备关联的QPainter对象

//painter在设备的窗口上绘图

}

 

2 . QPainter绘图的主要属性

QPainter绘图,主要绘制一些基本图形元素(点、直线、圆形、矩形、曲线、文字),控制这些绘图元素特性的主要是QPainter的3个属性:

  1)   pen属性    :  是一个QPen对象,用于控制线条的颜色、宽度、线型

  2)brush属性 :  是一个QBrush对象,用于一个区域的填充特性,可以设置填充颜色、填充方式、渐变特性等

  3)font属性:      是一个QFont对象,用于绘制颜色的时候,设置文字的字体样式、大小属性

使用3个属性基本控制绘图的基本特点,还有其他功能可结合使用:叠加 旋转和缩放

 

3. QPen  用于绘图时对线条的设置,主要包括线宽,颜色,线型等,QPen类的主要接口函数,通常一个设置函数都有一个对应的读取函数

setColor(QColor &color)                              //  设置画笔颜色 线条颜色

setWidth(int width)                                      //   设置线条宽度

setStyle(Qt::PenStyle style)                   //   设置线条样式,参数为Qt::PenStyle枚举类型

setCapStyle(Qt::PenCapStyle style)      //   设置线条端点样式

setJoinStyle(Qt::PenJoinStyle style)      //    设置连接样式

 

4. QBrush 用于绘图时填充特性:填充颜色 填充样式、材质填充时的材质图片

setColor(QColor &color)                          //设置画刷颜色,实体填充即为填充色

setStyle(Qt::BrushStyle style)            //设置画刷样式

setTexture(QPixmap &pixmap)               //设置一个QPixmap类型的图片作为画刷的图片,画刷样式自动设置为Qt::TexturePattern

setTextureImage(QImage &image)         //设置一个QImage类型的图片作为画刷图片,画刷样式自动设置为Qt::TexturePattern

 

setStyle(Qt::BrushStyle style)            //设置画刷样式

Qt::SolidPatton                                      // 单一颜色填充

Qt::HorPatton                                        // 水平线填充

Qt::VerPatton                                        // 垂直线填充

Qt::TexturePattern                                // 材质填充 需要指定texture 或者 textureImage图片

Qt::QLinearGradient                            // 线性渐变

Qt::QRadialGradient                             // 辐射渐变

Qt::QConicalGradient                          // 圆锥渐变

1 QPixmap texturePixmap(":images/images/texture.jpg");2 QBrush brush3 brush.setStyle(Qt::TexturePattern) // 画刷填充材质4 brush.setTexture(texturePixmap) // 设置材质图片5 painter.setBrush(brush)

5 .QBrush 中的渐变填充

3个实现渐变填充的类:

1) QLinearGradient                                 //线性渐变    制定一个起点和颜色,一个终点及其颜色,还可以指定中间某点颜色,起点和终点之间的颜色会线性插值计算

2) QRadialGradient                                //简单辐射和扩展辐射

3) QConicalGradient                              //圆锥形渐变

还需要用到方法  setSpread(QGradient::Spread method)函数设置延展方式,圆锥形填充没有延展效果

PadSpread      用结束点的颜色填充外部区域(缺省)

RepeatSpread     重复使用简便方式填充外部区域

ReflectSpread      反射式重复使用简便方式填充外部区域

1 #include "paintt.h" 2 #include "ui_paintt.h" 3 #include4 #include567 PaintT::PaintT(QWidget *parent) : 8 QWidget(parent), 9 ui(new Ui::PaintT)10 {11 ui->setupUi(this);12 setPalette(QPalette(Qt::white));//控件调色板 设置窗口为白色背景13 setAutoFillBackground(true);14 }15 16 PaintT::~PaintT()17 {18 delete ui;19 }20 21 void PaintT::paintEvent(QPaintEvent *event)22 {23 QPainter painter(this);24 painter.setRenderHint(QPainter::Antialiasing);//线条抗锯齿25 painter.setRenderHint(QPainter::TextAntialiasing);26 27 int w = this->width(); //绘图区宽度28 int h = this->height();//绘图区高度29 #if 030 QRect rect(w/4 ,h/4,w/2,h/2); //中间区域矩形框 这个矩形随着widget大小变化而变化31 QPen pen ;32 pen.setWidth(3);33 pen.setColor(Qt::red);34 pen.setStyle(Qt::DashDotLine);35 pen.setCapStyle(Qt::FlatCap);36 pen.setJoinStyle(Qt::BevelJoin);37 painter.setPen(pen);38 39 QBrush brush;40 brush.setColor(Qt::yellow);41 brush.setStyle(Qt::SolidPattern);42 painter.setBrush(brush);43 #endif44 //QRadialGradient::QRadialGradient(qreal cx, qreal cy, qreal radius, qreal fx, qreal fy)45 QRadialGradient radialGrad(w/2,h/2,qMax(w/8,h/8),w/2,h/2);//辐射填充中心点,辐射填充去半径,焦点坐标46 radialGrad.setColorAt(0,Qt::green);// 这里使用逻辑坐标47 radialGrad.setColorAt(1,Qt::blue);// 0 起点:辐射中心点 1 终点:填充区圆周48 radialGrad.setSpread(QGradient::ReflectSpread);49 painter.setBrush(radialGrad);50 51 painter.drawRect(this->rect());//即widget窗口的整个矩形,大于定义的辐射填充区域有延展效果52 }

自带催眠眩晕效果,不停绘制刷新,不知道会不会出现动态效果

 

6.QPainter 中的 drawPath 函数 绘制 一个复合的图形对象

 

相关推荐: